@import '~@/styles/element/element-variables.scss';

.image {
    // 头像
    &-avatar {
        position: relative;
        overflow: hidden;
        color: #fff;
        font-size: 14px;
        line-height: 32px;
        text-align: center;
        background-color: #c0c4cc;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(#000, .1);
        &--circle {
            border-radius: 1000px;
        }

        &--32 {
            width: 32px;
            height: 32px;
            line-height: 32px;
        }
        &--64 {
            width: 64px;
            height: 64px;
            font-size: 30px;
            line-height: 64px;
        }
        &--128 {
            width: 128px;
            height: 128px;
            font-size: 60px;
            line-height: 128px;
        }

        // 简历待核
        &--audit {
            &::before {
                content: '简历待核';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                color: rgba(#fff, .8);
                font-size: 14px;
                font-weight: 500;
                background-color: rgba($--color-danger, .5);
            }
        }

        // 简历头像待核
        &--audit--avatar {
            &::before {
                content: '头像待核';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                color: rgba(#fff, .8);
                font-size: 14px;
                font-weight: 500;
                background-color: rgba($--color-danger, .5);
            }
        }

        &__slot {
            color: #fff;
        }
    }
}